<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/11/27 0027
  Time: 16:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户界面</title>
    <style>
        html,body{
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        main{
            height:100% ;
            display: grid;
            grid-template-columns: 150px calc(100% - 150px);
        }
        aside{
            background-color: black;
        }
        nav{
            height: 60px;
            background-color: #FFFFFF;
        }
        article{
            height: 93%;
            margin: 15px;
            border-style: solid;
            border-width: 3px;
            border-color: black;
        }

        a{
            text-decoration: none;
            color: #FFFFFF;
            font-size: 15px;
        }
    </style>
</head>
<body>
<main>
    <aside style="color: #DDDDDD;font-size:larger"> <br>自行车管理系统
        <a href="u_index">
            <p style="text-align: center;">
                <br>自行车展示
            </p>
        </a>
        <a href="online">
            <p style="text-align: center;">
                <br>在线留言
            </p>
        </a>
        <a href="user">
            <p style="text-align: center;">
                <br>用户信息
            </p>
        </a>
        <a href="userRent.jsp">
            <p style="text-align: center;">
                <br>用户租赁
            </p>
        </a>
        <a href="leaseinfo">
            <p style="text-align: center;">
                <br>租赁信息
            </p>
        </a>
    </aside>

    <table cellspacing="0" cellpadding="0" width="100%" align="center"
           bgcolor="#ffffff" border="0">
        <tbody>
        <tr>
            <td width="5"> </td>
            <td valign="top">
                <c:forEach items="${requestScope.rbike}" var="bike">
                    <table cellspacing="0" cellpadding="0" width="100%" align="center"
                           bgcolor="#ffffff" border="0">
                        <tbody>
                        <tr>
                            <td valign="middle" height="180" width="220">
                                <img src="../images/bicycle/bicycle01.jpg" width="220" height="180" border="0" align="middle">
                            </td>
                            <td width="20"> </td>
                            <td valign="middle" width="800">
                                <table cellspacing="0" cellpadding="0" width="100%" align="middle"
                                       bgcolor="#ffffff" border="0">
                                    <tbody>
                                    <tr align-items="center">
                                        <td width="200" align="left">
                                            <strong class="newsline">bid：</strong>
                                                ${bike.bid}
                                        </td>
                                        <td width="200" align="left">
                                            <strong class="newsline">编号：</strong>
                                                ${bike.number}
                                        </td>
                                        <td width="200" align="left">
                                            <strong class="newsline">类型：</strong>
                                                ${bike.type}
                                        </td>
                                        <td width="200" align="left">
                                            <strong class="newsline">名称：</strong>
                                                ${bike.bname}
                                        </td>
                                    </tr>
                                    <tr align="center">
                                        <td width="200" align="left">
                                            <strong class="newsline">租金：</strong>
                                                ${bike.rent}
                                        </td>
                                        <td align="left">
                                            <strong class="newsline">租赁状态：</strong>
                                                ${bike.status}
                                        </td>
                                        <td width="200" align="left">
                                            <strong class="newsline">ssid：</strong>
                                                ${bike.ssid}
                                        </td>
                                        <td align="left">
                                            <strong class="newsline">所在站点：</strong>
                                                ${bike.stationName}
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </td>
                            <td width="10"> </td>
                            <td valign="middle" align="center">
                                <input type="button" style="height: 150px; width: 60px; font-size: 22px" onclick="window.location.href='selectBicycle.jsp?num=${bike.number}&type=${bike.type}&name=${bike.bname}&rent=${bike.rent}&wz=${bike.stationName}&status=${bike.status}&bid=${bike.bid}';" value="租赁">
                            </td>
                            <td width="5"> </td>
                        </tr>
                        <tr>
                            <td height="1" bgcolor="#dadada"></td></tr>
                        <tr>
                            <td height="4" bgcolor="#f6f6f6"></td></tr>
                        <tr>
                            <td height="6" bgcolor="#ffffff"></td></tr>
                        </tbody>
                    </table>
                </c:forEach>



            </td>
        </tr>
        </tbody>

    </table>
</main>
</body>
</html>
